<div class="mobile dark-overlay"></div>
<div class="mobile top-menu-popup o-hidden">
    <i class="top-menu-icon menus-sprite close"></i>
    <div class="top-menu-scroll">
        <div class="top-menu-content">

            <div class="top-menu-logged">
                <div class="top-menu-account-info">
                    <div class="avatar-block">
                        <div class="wrapper"></div>
                        <div class="activity-status-block js-activity-status">
                            <div class="loading-animation"></div>
                            <div class="activity-status top offline"></div>
                        </div>
                    </div>
                    <div class="user-info">
                        <div class="name"></div>
                        <div class="email"></div>
                    </div>
                    <div class="clear"></div>
                </div>

                <div class="plan"></div>
                <div class="storage">
                    <span></span>
                </div>
                <div class="loader menus-sprite"></div>
                <div class="storage-txt">
                </div>
                <div class="top-green-button upgrade-your-account">
                    [$433]
                </div>
                <div class="top-menu-item small refresh-item">
                    <i class="top-menu-icon menus-sprite refresh"></i>
                    <span>[$23433]</span>
                </div>
            </div>
            <div class="top-menu-item start">
                <i class="top-menu-icon menus-sprite mega"></i>
                <span>[$1888]</span>
            </div>
            <div class="top-menu-item login">
                <i class="top-menu-icon menus-sprite login"></i>
                <span>[$171]</span>
            </div>
            <div class="top-menu-item register">
                <i class="top-menu-icon menus-sprite register"></i>
                <span>[$968]</span>
            </div>
            <div class="top-menu-divider small-pad bg"></div>

            <div class="top-menu-item backup keybackup small-pad">
                <i class="top-menu-icon menus-sprite export"></i>
                <span>[$8921]</span>
            </div>
            <div class="top-menu-divider small-pad bg hidden"></div>

            <div class="top-menu-item fm">
                <i class="top-menu-icon menus-sprite mega"></i>
                <span>[$164]</span>
            </div>

            <!-- Products -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-features"></i>
                <span>[$footer_heading_products]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item storage">[$footer_item_cloud_storage]</div>
                <div class="top-menu-item objectstorage">[$footer_item_object_storage]</div>
                <div class="top-menu-item vpn">[$vpn]</div>
                <div class="top-menu-item pass">[$password_manager]</div>
                <div class="top-menu-item syncing">[$footer_item_sync]</div>
                <div class="top-menu-item megabackup">[$ft_backup_tab]</div>
                <div class="top-menu-item share">[$footer_item_share]</div>
                <div class="top-menu-item media-files">[$footer_item_media_files]</div>
                <div class="top-menu-item chatandmeetings">[$footer_item_chat_meetings]</div>
                <div class="top-menu-item business">[$19530]</div>
            </div>
            <!-- Solutions -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-lightbulb-small-regular-outline"></i>
                <span>[$footer_heading_solutions]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item individuals">[$footer_item_individuals]</div>
                <div class="top-menu-item freelancers">[$footer_item_freelancers]</div>
                <div class="top-menu-item small-business">[$footer_item_small_business]</div>
            </div>
            <!-- Platforms -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-platforms"></i>
                <span>[$23327]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item mobile">[$955]</div>
                <div class="top-menu-item desktop">[$1626]</div>
                <div class="top-menu-item extensions">[$16603]</div>
                <div class="top-menu-item cmd">[$footer_item_cmd]</div>
                <div class="top-menu-item nas">[$footer_item_cmd_for_nas]</div>
            </div>
            <!-- Plans -->
            <div class="top-menu-item submenu-item plans">
                <i class="sprite-fm-mono icon-plan"></i>
                <span>[$footer_heading_plans]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item pro">[$1361]</div>
                <div class="top-menu-item achievements">[$16117]</div>
            </div>
            <!-- Resources -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-developers"></i>
                <span>[$footer_heading_resources]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item blog blogarticle">[$389]</div>
                <div class="top-menu-item security">[$footer_item_security_privacy]</div>
                <div class="top-menu-item reliability">[$23064]</div>
                <div class="top-menu-item developers">[$392]</div>
            </div>
            <!-- Help -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-support"></i>
                <span>[$footer_heading_help]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item help">[$384]</div>
                <div class="top-menu-item contact">[$399]</div>
                <div class="top-menu-item bug-bounty">[$footer_item_bug_bounties]</div>
                <div class="top-menu-item support">[$383]</div>
            </div>
            <!-- Company -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-company"></i>
                <span>[$23328]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item about">[$396]</div>
                <div class="top-menu-item media">[$16645]</div>
            </div>
            <!-- Legal -->
            <div class="top-menu-item submenu-item">
                <i class="sprite-fm-mono icon-legal-policies"></i>
                <span>[$518]</span>
                <i class="sprite-fm-mono icon-arrow-right right-arrow"></i>
            </div>
            <div class="top-submenu">
                <div class="top-menu-item terms">[$385]</div>
                <div class="top-menu-item privacy">[$386]</div>
                <div class="top-menu-item copyright">[$387]</div>
                <div class="top-menu-item takedown">[$966]</div>
                <div class="top-menu-item transparency">[$22681]</div>
                <div class="top-menu-item cookie">[$24629]</div>
                <div class="top-menu-item cookies-settings">[$24644]</div>
                <div class="top-menu-item dispute">[$footer_item_dispute]</div>
            </div>

            <div class="top-menu-divider"></div>

            <div class="top-menu-item submenu-item languages small-pad">
                <i class="top-menu-icon menus-sprite globe"></i>
                <span></span>
                <i class="top-menu-icon menus-sprite right-arrow inline down"></i>
            </div>
            <div class="top-submenu language-items">
                <div class="top-menu-item language-template">
                    <span class="lang-name"></span>
                    <span class="beta-text">[$5907]</span>
                </div>
            </div>

            <div class="top-menu-divider small-pad"></div>

            <div class="top-social-bl">
                <div class="top-social-txt">
                    [$follow_social_header]
                </div>
                <a href="https://www.facebook.com/MEGAprivacy" target="_blank" rel="noopener noreferrer" class="top-social-button">
                    <i class="top-menu-icon menus-sprite fb"></i>
                </a>
                <a href="https://www.instagram.com/MEGA_privacy/" target="_blank" rel="noopener noreferrer" class="top-social-button">
                    <i class="top-menu-icon menus-sprite instagram"></i>
                </a>
                <a href="https://twitter.com/MEGAprivacy" target="_blank" rel="noopener noreferrer" class="top-social-button">
                    <i class="top-menu-icon menus-sprite twitter"></i>
                </a>
                <a href="https://www.linkedin.com/company/mega-the-privacy-company" target="_blank" rel="noopener noreferrer" class="top-social-button">
                    <i class="top-menu-icon menus-sprite linkedin"></i>
                </a>
                <a href="https://www.youtube.com/channel/UCL0n8SACU_eghsvHxbizKCA" target="_blank" rel="noopener noreferrer" class="top-social-button">
                    <i class="top-menu-icon menus-sprite youtube"></i>
                </a>
                <div class="clear"></div>
            </div>

            <div class="top-mega-version">
                v. dev
            </div>
            <div class="top-menu-item top-white-button logout">
                [$967]
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>


<!-- Loading overlay -->
<div class="dark-overlay hidden" id="loading-overlay"></div>
<div class="titlemenu-overlay hidden"></div>
<div class="light-overlay hidden"></div>
<div class="slideshow-overlay hidden"></div>
<div class="fm-dialog-overlay hidden"></div>


<!-- Loading progress / spinner -->
<div class="mobile loading-spinner hidden" id="loading-spinner">
    <div class="main-loader"></div>
    <ul class="loading-info">
        <li class="step3">[$8579]</li>
        <li class="step2">[$8578]</li>
        <li class="step1">[$8577]</li>
    </ul>
    <div class="loader-progressbar">
        <div class="loader-percents"></div>
    </div>
</div>

<!-- Toast notification !-->
<div class="mobile toast-notification info hidden">
    <div class="mobile message-body">[$7677]</div>
</div>

<!-- Toast alert notification !-->
<div class="mobile toast-notification alert hidden">
    <div class="mobile fm-icon toast-alert-icon info-white-nofill left"></div>
    <div class="mobile message-body">[$18280]</div>
</div>


<!-- Mobile file manager / folder link viewer !-->
<div class="mobile fm-block file-manager-block hidden">

    <div id="commercial-close-button" class="commercial-close-button hidden">
        <i class="sprite-fm-mono icon-dialog-close"></i>
    </div>

    <!-- File manager footer, showing number of folders/files -->
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling" id="file-manager-content-block">
                <div class="mobile alert-banner closed" id="alert-banner">
                    <div class="mobile alert-text-container">
                        <div class="alert-text"></div>
                        <div class="mobile alert-close">
                            <div class="mobile alert-icon fm-icon close white close-alert-banner"></div>
                        </div>
                    </div>
                </div>
                <div class="fm-tab hidden"></div>
                <h3 class="fm-selection-subheading"></h3>
                <div class="fm-list hidden" id="file-manager-list-container"></div>
            </div>
        </div>
    </div>
    <div class="commercial-footer-cd hidden"></div>
</div>

<!-- Resume Transfers overlay -->
<div class="mobile main-block resume-transfer-overlay hidden">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <a class="mobile logo"></a>
            <div class="mobile fm-dialog-close"></div>
            <div class="mobile white-block">
                <div class="mobile dialog-heading-text">[$16448]</div>
                <div class="mobile dialog-body-text">[$17085]</div>

                <div class="mobile buttons">
                    <a class="mobile red-button continue-button">[$1649]</a>
                </div>
                <a class="mobile text-button third close-button">[$148]</a>
            </div>
        </div>
    </div>
</div>

<!-- Title DropDown Menu -->
<div class="mobile title-menu-container hidden closed">
    <div class="title-menu-item open-cloud-drive">
        <div class="mobile fm-icon cloud-dark"></div>
        <span class="mobile text">[$164]</span>
    </div>
    <div class="title-menu-item open-my-account">
        <div class="mobile fm-icon account light"></div>
        <span class="mobile text">[$187]</span>
    </div>
    <div class="light-grey-bar"></div>
    <div class="title-menu-item close-button">
        <div class="mobile fm-icon close"></div>
        <span class="mobile text">[$148]</span>
    </div>
</div>

<!-- Cancel subscription information overlay for Google/Apple subscriptions -->
<div class="mobile main-block cancel-subscription-information-overlay hidden">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <a class="mobile logo"></a>
            <div class="mobile white-block">
                <div class="mobile error-messages">
                    <div class="mobile first-message">[$7179]</div><br>
                    <div class="mobile optional-second-message">[$double_billing_sub_cancel]</div>
                </div>
                <a class="mobile red-button first confirm-ok-button"> <i></i> <span>[$1596]</span> </a>
            </div>
        </div>
    </div>
</div>

<!-- Payment card page-->
<div class="mobile main-block payment-card-page hidden">
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <!--<div class="mobile folders-files-text">
                    <span class="pc-current-card">Current card</span>
                </div>-->
                <div class="card-info payment-card">
                    <div class="payment-card-top">
                        <div class="payment-card-icon">
                            <i></i>
                        </div>
                        <div class="payment-card-nb">
                            <div class="payment-card-dots">&#9679; &#9679; &#9679; &#9679;</div>
                            <div class="payment-card-dots">&#9679; &#9679; &#9679; &#9679;</div>
                            <div class="payment-card-dots">&#9679; &#9679; &#9679; &#9679;</div>
                            <div class="payment-card-digits">5644</div>
                        </div>
                        <div class="payment-card-expiry">
                            <div class="payment-card-expiry-lbl">[$23622]</div>
                            <div class="payment-card-expiry-val">01/23</div>
                        </div>
                    </div>
                    <div class="payment-card-bottom">
                        <a class="payment-card-edit">[$edit_card]</a>
                        <a class="payment-card-delete hidden">[$delete_card]</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Session history Close All Other Sessions dialog -->
<div class="mobile main-block generic-dialog-overlay sh-dialog hidden">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <div class="mobile fm-dialog-close"></div>
            <div class="mobile white-block">
                <div class="mobile fm-icon device-history"></div>
                <div class="mobile dialog-heading-text">[$882]</div>
                <div class="mobile dialog-body-text">
                    [$18513]
                </div>
                <div class="mobile buttons">
                    <a class="mobile red-button first confirm-close-other-sessions-button"> <i></i> <span>[$7667]</span> </a>
                </div>
                <a class="mobile text-button third cancel"><span>[$82]</span> </a>
            </div>
        </div>
    </div>
</div>

<!-- Forgot Password page - Method A-1 & Method B-1 of recovery process -->
<div class="mobile main-block forgot-password-page hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon back left"></div>
        <div class="mobile fm-header-txt"><span>[$17806]</span></div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile forgot-password-block">
                    <div class="mobile forgot-password-body-text">
                        [$8970]
                        <br><br>
                        [$8971]
                    </div>
                    <div class="mobile forgot-password-heading">[$8973]</div>
                    <div class="mobile forgot-password-btn-block">
                        <div class="mobile forgot-password-btn yes-recovey-key">
                            <span class="label">[$577]</span>
                        </div>
                        <div class="mobile forgot-password-btn no-recovery-key">
                            <span class="label">[$578]</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Recover Account - Yes I have Recovery key - Method A-2 of recovery process -->
<div class="mobile main-block recover-account-page have-recovery-key hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon back left"></div>
        <div class="mobile fm-header-txt"><span>[$17807]</span></div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile recover-account-block">
                    <div class="mobile r-a-heading">[$17808]</div>
                    <div class="mobile recover-account-body-text">
                        [$1939]
                    </div>
                    <div class="mobile signin-input recover-account">
                        <span></span>
                        <input class="recover-account-email" type="email" value="" placeholder="[$16343]" maxlength="190">
                    </div>
                    <div class="mobile recover-account-btn-block">
                        <div class="mobile recover-account-email-send-btn">
                            <span class="label">[$1940]</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Check email dialog if they have a recovery key - Method A-3 & Method B-3 of recovery process -->
<div class="mobile fm-block generic-dialog-overlay common-check-email-dialog hidden theme-light-forced">
    <div class="mobile center-block">
        <div class="mobile fm-block check-email-dialog">
            <div class="mobile fm-row">
                <div class="mobile fm-content">
                    <i class="mobile header-icon red-mega"></i>
                </div>
                <div class="mobile first-message">[$check_email_inbox]</div>
                <div class="mobile overlay-info initial-message">
                    <p>[$6216]</p>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Recover Account after email has sent and entering/uploading Recovery Key - Method A-4 of recovery process -->
<div class="mobile main-block recover-account-page reset-password-using-key hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon mega left"></div>
        <div class="mobile fm-header-txt"><span>[$17807]</span></div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile recover-account-block">
                    <div class="mobile r-a-heading">[$17809]</div>
                    <div class="mobile recover-account-body-text">
                        [$1956]
                    </div>
                    <div class="mobile signin-input input-recovery-key">
                        <span></span>
                        <input class="recovery-key-input" type="text" value="" placeholder="[$8839]">
                    </div>
                    <div class="mobile recover-account-btn-block">
                        <div class="mobile verify-recovery-key-btn">
                            <span class="label">[$1960]</span>
                        </div>
                    </div>
                    <div class="mobile recover-account-body-text">
                        [$17810]
                    </div>
                    <div class="mobile recover-account-btn-block">
                        <label class="mobile upload-recovery-key" for="mobile-recovery-key-upload">
                            <input id="mobile-recovery-key-upload" class="hidden" type="file">
                            <span class="label">[$17811]</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Recover Account after user has entered Recovery Key and validated it, now they must change their password - Method A-5 of recovery process -->
<div class="mobile main-block recover-account-page reset-password-after-entering-key hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon mega left"></div>
        <div class="mobile fm-header-txt"><span>[$17807]</span></div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile recover-account-block update-password">
                    <div class="mobile r-a-heading">[$19850]</div>
                    <div class="mobile recover-account-body-text">[$1961]</div>
                    <form>
                        <div class="mobile signin-input password account-recovery">
                            <span></span>
                            <input class="mobile password-input recovery-password-input estimator-password-input" type="password" value="" placeholder="[$909]" />
                            <div class="mobile estimator-loading-icon"></div>
                            <i class="warning-icon"></i>
                        </div>
                        <div class="mobile new-registration password-strength">
                            <div class="register-pass-status-line1"></div>
                            <div class="register-pass-status-line2"></div>
                            <div class="register-pass-status-line3"></div>
                            <div class="register-pass-status-line4"></div>
                            <div class="register-pass-status-line5"></div>
                        </div>
                        <div class="mobile signin-input password-confirm account-recovery">
                            <span></span>
                            <input class="mobile password-confirm-input recovery-password-confirm-input" type="password" value="" placeholder="[$1114]" />
                            <i class="warning-icon"></i>
                        </div>
                        <div class="mobile register-button account-recovery update-password-button">
                            <span class="label">[$707]</span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Recover Account - No I don't have Recovery key - Method B-2 of recovery process -->
<div class="mobile main-block recover-account-page no-recovery-key-page hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon back left"></div>
        <div class="mobile fm-header-txt"><span>[$17807]</span></div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile recover-account-block">
                    <div class="mobile r-a-heading">[$17813]</div>
                    <div class="mobile recover-account-body-text">[$1942]</div>
                    <div class="mobile signin-input recover-account">
                        <span></span>
                        <input class="recover-account-email" type="email" value="" placeholder="[$16343]" maxlength="190">
                    </div>
                    <div class="mobile recover-account-btn-block">
                        <div class="mobile recover-account-email-send-btn">
                            <span class="label">[$1940]</span>
                        </div>
                    </div>
                    <div class="mobile recover-account-body-text">[$1943]</div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Park Account - Change Password page - Method B-4 of recovery process -->
<div class="mobile main-block recover-account-page park-account-change-password hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon back left"></div>
        <div class="mobile fm-header-txt"><span>[$1947]</span></div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile park-account-block">
                    <div class="mobile recover-account-body-text">[$8993].</div>
                    <form>
                        <div class="mobile signin-input password park-account">
                            <span></span>
                            <input class="mobile password-input recovery-password-input estimator-password-input" type="password" value="" placeholder="[$909]" />
                            <div class="mobile estimator-loading-icon"></div>
                            <i class="warning-icon"></i>
                        </div>
                        <div class="mobile new-registration password-strength">
                            <div class="register-pass-status-line1"></div>
                            <div class="register-pass-status-line2"></div>
                            <div class="register-pass-status-line3"></div>
                            <div class="register-pass-status-line4"></div>
                            <div class="register-pass-status-line5"></div>
                        </div>
                        <div class="mobile signin-input password-confirm park-account">
                            <span></span>
                            <input class="mobile password-confirm-input recovery-password-confirm-input" type="password" value="" placeholder="[$1114]" />
                            <i class="warning-icon"></i>
                        </div>
                        <div class="mobile park-account recover-account-body-text confirm-data-loss">
                            <div class="checkdiv square checkboxOff">
                                <i></i>
                                <input type="checkbox" id="mobile-park-confim-data-loss" class="checkbox" />
                            </div>
                            <label for="mobile-park-confim-data-loss" class="radio-txt">[$1950]</label>
                        </div>
                        <div class="mobile register-button park-account update-password-button">
                            <span class="label">[$1951]</span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Achievements Referral Bonuses page -->
<div class="mobile main-block achievements-referral-bonuses-page hidden theme-light-forced">
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile total-referral-bonuses-block">
                    <div class="mobile storage-quota-block">
                        <div class="mobile storage-amount">0</div>
                        <div class="mobile storage-unit">GB</div>
                        <div class="mobile storage-text">[$16127]</div>
                    </div>
                </div>
                <div class="mobile referral-blocks">
                    <div class="mobile referral-block template">
                        <div class="mobile avatar-container"></div>
                        <div class="mobile email">name@mail.com</div>
                        <div class="mobile time-remaining">0d</div>
                        <div class="mobile referral-row-border"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Generic error overlay !-->
<div class="mobile main-block error-overlay hidden" id="mobile-ui-error">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <a class="mobile logo"></a>
            <div class="mobile white-block">
                <div class="mobile error-messages">
                    <!-- If the dialog requires an icon, remove the hidden class from empty-icon and add another class, empty-icon classes can be found in mobile.css. Search for empty-icon to show the available icons -->
                    <div class="mobile empty-icon clear-rubbish-bin hidden">
                        <img alt="" class="mobile filetype-img">
                    </div>
                    <div class="mobile first-message"></div>
                    <div class="mobile optional-second-message"></div>
                </div>
                <!-- Add inline-buttons to the div below, when the dialog contains two actions -->
                <div class="mobile buttons">
                    <!-- If the main action is a positive action, change red-button to green-button -->
                    <a class="mobile red-button first confirm-ok-button"> <i></i> <span>[$1596]</span> </a>
                    <!-- If the dialog has another action, unhide the second red-button-->
                    <a class="mobile red-button second hidden"> <i></i> <span>[$6821]</span> </a>
                </div>
                <a class="mobile text-button third cancel hidden"><span>[$148]</span> </a>
                <div class="checkbox-block hidden">
                    <div class="checkdiv square checkboxOff">
                        <input type="checkbox" class="checkboxOff" name="confirmation-checkbox" id="confirmation-checkbox">
                    </div>
                    <div class="checkbox-label text">
                        [$229]
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Sign in / Registration -->
<div class="mobile signin-register-block hidden">
    <div class="mobile fm-block">
        <div class="mobile fm-row">
            <div class="mobile fm-header fm-hr sign-header">
                <div class="mobile fm-icon top-icon menu right"></div>
                <div class="mobile fm-icon mega left"></div>
                <div class="mobile fm-header-txt sign-in">[$171]</div>
                <div class="mobile fm-header-txt register">[$968]</div>
            </div>
        </div>

        <div class="mobile fm-row">
            <div class="mobile fm-content">
                <div class="mobile fm-scrolling">
                    <!-- Sign in Tab !-->
                    <div class="mobile tab-block sign-in hidden">
                        <form>
                            <div class="mobile custom-login-message-block original-message hidden">
                                <div class="mobile empty-icon custom-login-icon"></div>
                                <div class="mobile custom-login-text"></div>
                            </div>
                            <div class="mobile custom-login-message-block sms-verified-message hidden">
                                <div class="mobile empty-icon big-green-tick"></div>
                                <div class="mobile custom-login-text">[$20220] [$20392]</div>
                            </div>
                            <div class="mobile signin-input login">
                                <i class="sprite-mobile-fm-mono icon-mail-thin-solid"></i>
                                <input type="email" value="" placeholder="[$16343]" maxlength="190" />
                            </div>
                            <div class="mobile signin-input password">
                                <i class="sprite-mobile-fm-mono icon-key-01-thin-solid"></i>
                                <input type="password" value="" placeholder="[$16344]" />
                            </div>
                            <div class="mobile remember-me">
                                <div class="checkboxOn square"><i></i><input class="checkbox" type="checkbox" checked="checked"></div>
                                <div class="checkbox-label text">
                                    [$192]
                                </div>
                            </div>
                            <div class="mobile signin-button">
                                <span class="label">[$16345]</span>
                                <span class="loading-image">
                                    <img alt="" src="{staticpath}images/mobile/button-loader-green.gif" />
                                </span>
                            </div>
                            <div class="mobile first-message hidden">[$16653]</div>
                            <div class="mobile forgot-password-button">[$8969]</div>
                        </form>
                    </div>

                    <!-- Register Tab !-->
                    <div class="mobile tab-block register hidden">
                        <form>
                            <div class="mobile signin-input first-name">
                                <i class="sprite-mobile-fm-mono icon-user-thin-solid"></i>
                                <input type="text" value="" placeholder="[$7342]" />
                            </div>
                            <div class="mobile signin-input last-name">
                                <i class="sprite-mobile-fm-mono icon-user-thin-solid"></i>
                                <input type="text" value="" placeholder="[$7345]" />
                            </div>
                            <div class="mobile signin-input email-address">
                                <i class="sprite-mobile-fm-mono icon-mail-thin-solid"></i>
                                <input type="email" value="" placeholder="[$1331]" maxlength="190" />
                                <i class="warning-icon"></i>
                            </div>
                            <div class="mobile signin-input password">
                                <i class="sprite-mobile-fm-mono icon-key-01-thin-solid"></i>
                                <input class="estimator-password-input" type="password" value="" placeholder="[$909]" />
                                <div class="mobile estimator-loading-icon"></div>
                                <i class="warning-icon"></i>
                            </div>
                            <div class="mobile new-registration password-strength">
                                <div class="register-pass-status-line1"></div>
                                <div class="register-pass-status-line2"></div>
                                <div class="register-pass-status-line3"></div>
                                <div class="register-pass-status-line4"></div>
                                <div class="register-pass-status-line5"></div>
                            </div>
                            <div class="mobile signin-input password-confirm">
                                <i class="sprite-mobile-fm-mono icon-key-01-thin-solid"></i>
                                <input type="password" value="" placeholder="[$1114]" />
                                <i class="warning-icon"></i>
                            </div>
                            <div class="mobile confirm-terms">
                                <div class="checkboxOff square"><i></i><input class="checkbox" type="checkbox"></div>
                                <div class="text">
                                    [$208]
                                </div>
                            </div>
                            <div class="mobile register-button">
                                <span class="label">[$209]</span>
                            </div>
                            <div class="first-message hidden">
                                [$16653]
                            </div>
                            <!-- <a class="mobile download-app hidden"></a> -->
                        </form>
                    </div>
                    <div class="mobile top-links">
                        <div class="mobile top-link sign-in">
                            [$171]
                        </div>
                        <div class="mobile top-link register">
                            [$968]
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Business sub user pw confirmation, not implemented yet, it's a future password setting -->
<div class="mobile bus-pw-confirm-block hidden">
    <div class="mobile fm-block">
        <div class="mobile fm-row">
            <div class="mobile fm-header fm-hr sign-header">
                <div class="mobile fm-icon top-icon menu right"></div>
                <div class="mobile fm-icon mega left"></div>
                <div class="mobile fm-header-txt">Create business user account</div>
            </div>
        </div>
        <div class="mobile fm-row">
            <div class="mobile fm-content">
                <div class="mobile fm-scrolling">
                    <form>
                        <div class="mobile password">
                            <span></span>
                            <input class="estimator-password-input" type="password" value="" placeholder="[$909]" />
                            <!-- add loading class -->
                            <div class="mobile estimator-loading-icon"></div>
                            <i class="warning-icon"></i>
                        </div>
                        <div class="mobile new-registration password-strength">
                            <div class="register-pass-status-line1"></div>
                            <div class="register-pass-status-line2"></div>
                            <div class="register-pass-status-line3"></div>
                            <div class="register-pass-status-line4"></div>
                            <div class="register-pass-status-line5"></div>
                        </div>
                        <div class="mobile password-confirm">
                            <span></span>
                            <input type="password" value="" placeholder="[$1114]" />
                            <i class="warning-icon"></i>
                        </div>
                        <div class="mobile confirm-terms">
                            <div class="checkboxOff square"><i></i><input class="checkbox" type="checkbox"></div>
                            <div class="text">
                                [$208]
                            </div>
                        </div>
                        <div class="mobile create-account-botton">
                            <span class="label">Create Account</span>
                        </div>
                        <div class="first-message hidden">
                            [$16653]
                        </div>
                        <!-- <a class="mobile download-app hidden"></a> -->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Registration confirm email -->
<div class="mobile registration-confirm-email full-page-scrollable hidden">
    <div class="mobile fm-block">
        <div class="mobile fm-row">
            <div class="mobile fm-header sign-header fm-hr">
                <div class="mobile fm-icon top-icon menu right"></div>
                <div class="mobile fm-icon mega left"></div>
                <div class="mobile fm-header-txt">[$7732]</div>
                <!-- <div class="mobile top-link full active">
                    [$7732]
                </div> -->
            </div>
        </div>

        <div class="mobile fm-row">
            <div class="mobile fm-content">
                <div class="mobile fm-scrolling">
                    <div class="email-icon"></div>
                    <div class="confirm-message">
                        [$217]
                    </div>
                    <div class="change-email">
                        <input type="text" maxlength="190">
                    </div>
                    <div class="instruction-message">
                        [$9029]
                    </div>
                    <div class="mobile resend-button">
                        <span class="label">[$8744]</span>
                    </div>
                    <div class="mobile register-cancel-button">
                        <span class="label">[$82]</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Registration creating account / generating keys -->
<div class="mobile registration-generating-keys hidden">
    <div class="mobile fm-block">
        <div class="widget-holder"></div>
    </div>
</div>


<!-- Pro page step 2 - Provider and plan options !-->
<div class="mobile fm-block membership-step2 payment-section lato hidden">
    <div class="mobile fm-row">
        <div class="mobile fm-header fm-hr">
            <div class="mobile fm-icon back left js-back-to-plans"></div>
            <div class="mobile fm-icon top-icon menu right"></div>
            <div class="mobile fm-header-txt"><span>[$16111]</span></div>
        </div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile payment-options-container">
                    <div class="mobile payment-options">
                        <div class="mobile pro-card-container">
                            <span class="mobile right-banner-block">
                                <div class="mobile small-text">[$22150]</div>
                                <div class="mobile plan-name"></div>
                            </span>
                            <div class="mobile small-text show-plans js-back-to-plans">[$1776]</div>
                        </div>

                        <div class="mobile pro-plan-card-container"></div>
                        <div class="pricing-page plan-feature subtext hidden"></div>

                        <div class="subscription-instructions hidden free-trial">
                            [$10637] [$10630]
                        </div>

                        <div class="pro-payment-block">

                            <div class="membership-st2-head">
                                <span class="option-question provider">[$7992]</span>
                            </div>
                            <div class="options-list payment-options-list primary">
                                <div class="payment-method half-sized template">
                                    <div class="membership-radio">
                                        <input type="radio" name="" value="">
                                    </div>
                                    <div class="provider-details radio-label">
                                        <div class="provider-icon"></div>
                                        <div class="provider-name"></div>
                                    </div>
                                </div>
                                <span class="loading-placeholder-text">[$5533]</span>
                            </div>
                            <div class="payment-options-list secondary hidden"></div>
                            <div class="provider-show-more hidden">
                                <div class="left-bar">
                                    <div class="left-bar-grey">&nbsp;</div>
                                </div>
                                <div class="button">[$7993]</div>
                                <div class="right-bar">
                                    <div class="right-bar-grey">&nbsp;</div>
                                </div>
                            </div>

                            <div class="payment-period">
                                <div class="membership-st2-head">
                                    <span class="option-question duration">[$7994]</span>
                                </div>
                                <div class="options-list duration-options-list">
                                    <div class="payment-duration half-sized template">
                                        <div class="membership-radio">
                                            <input type="radio">
                                            <div class="payment-icon"></div>
                                        </div>
                                        <div class="membership-radio-label radio-label">
                                            <span class="duration"></span>
                                            <strong><span class="price">0.00</span></strong>
                                        </div>
                                        <div class="save-money hidden">
                                            [$16649]
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mobile orange-notification body with-btn argentina-only hidden">
                                <div class="orange-notification">
                                    <i class="icons-sprite fvnotice"></i>
                                </div>
                                <div class="orange-notification cell text-cell">
                                    <div class="versioning-body-text">[$23132]</div>
                                </div>
                            </div>

                            <div class="renewal-option hidden">
                                <div class="membership-st2-head choose-renewal">
                                    <span class="option-question renewal">[$10638]</span>
                                </div>
                                <div class="options-list renewal-options-list">
                                    <div class="renewal-option half-sized">
                                        <div class="membership-radio checked">
                                            <input type="radio" name="renewal-option" checked="checked" value="yes">
                                            <div class="payment-icon"></div>
                                        </div>
                                        <div class="membership-radio-label  radio-label checked">
                                            <span>[$78]</span>
                                        </div>
                                    </div>
                                    <div class="renewal-option half-sized">
                                        <div class="membership-radio">
                                            <input type="radio" name="renewal-option" value="no">
                                            <div class="payment-icon"></div>
                                        </div>
                                        <div class="membership-radio-label radio-label">
                                            <span>[$79]</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <span class="loading-placeholder-text">[$5533]</span>
                            <div class="charge-information-container paid-only">
                                <div class="charge-information"></div>
                            </div>
                        </div>

                        <div class="additional-tos s4-tos hidden">
                            <div class="checkbox checkboxOff square">
                                <input id="confirm-addition-s4-tos" class="checkboxOff confirm-s4-tos" type="checkbox">
                            </div>
                            <label for="confirm-addition-s4-tos" class="radio-txt">[$agree_s4_tos]</label>
                        </div>

                        <div class="mega-error-box error-box-not-stripe hidden">
                            [$err_prov_doesnt_supp_trial]
                        </div>

                        <div class="main-mid-pad third-section">
                            <button class="mega-button positive large purchase">
                                <span class="paid-only">[$continue_to_payment]</span>
                                <span class="free-trial hidden">[$507]</span>
                            </button>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="pricing-page local-currency-tip">
                        *[$18770]
                    </div>
                    <div class="mobile external-payment-options">[$7156]</div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- AstroPay dialog -->
<div class="mobile fm-block full-page-scrollable astropay-dialog hidden">
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile content-row first">
                    <div class="mobile content-cell">
                        <div class="mobile fm-dialog-close"></div>
                        <div class="astropay-dialog-body">
                            <div class="main-title">[$6963]</div>
                            <div class="astropay-information">[$7991]</div>
                            <div class="astropay-instructions">[$7986]</div>
                        </div>
                        <div class="grey-container-box">
                            <div class="white-container-box">
                                <div class="container-box-title">[$7985]</div>
                                <div class="mobile signin-input">
                                    <input id="astropay-name-field" class="astropay-name-field" type="text" placeholder="[$7987]">
                                </div>
                                <div class="mobile signin-input">
                                    <input id="astropay-address-field" class="astropay-address-field" type="text" placeholder="[$561]">
                                </div>
                                <div class="mobile signin-input">
                                    <input id="astropay-city-field" class="astropay-city-field" type="text" placeholder="[$565]">
                                </div>
                                <div class="mobile signin-input">
                                    <input id="astropay-tax-field" class="astropay-tax-field" type="text" placeholder="[$7989]">
                                </div>
                                <div class="accept"><span>[$6190]</span></div>
                                <a class="pricing-sprite powered-by-astropay" href="https://www.astropay.com/" target="_blank" rel="noopener noreferrer"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="fm-dialog mobile payment-stripe-dialog business hidden">
    <div class="mega-header hidden">
        <div class="bottom-block">
            <div class="block">
                <div class="nav-navigation">
                    <a class="text-icon back nav-elem icon-only link">
                        <i class="sprite-mobile-fm-mono icon-arrow-left-thin-outline left-icon icon-size-24"></i>
                    </a>
                </div>
                <h1 class="heading hidden"></h1>
            </div>
        </div>
    </div>
    <div class="fm-scrolling iframe-container">
        <!-- iframe will be inserted here -->
    </div>
</div>

<div class="fm-dialog mobile full-page-scrollable payment-stripe-success-dialog hidden">
    <div class="btn-close-dialog"></div>
    <i class="graphic sprite-fm-uni icon-success success-logo"></i>
    <div class="success-head">[$25047]</div>
    <div class="success-desc">
        [$25048]
    </div>
</div>

<div class="fm-dialog mobile full-page-scrollable payment-stripe-failure-dialog hidden">
    <div class="btn-close-dialog"></div>
    <i class="graphic sprite-fm-uni icon-error fail-logo"></i>
    <div class="fail-head">[$25049]</div>
    <div class="fail-desc">
        <div class="stripe-error"></div>
    </div>
</div>

<!-- Credit card payment address dialog for ECP/Stripe -->
<div class="mobile fm-block main-block full-page-scrollable payment-address-dialog hidden">
    <div class="mobile header-scroll-suggester"></div>
    <div class="pro-plan-details paid-only">
        <div class="payment-plan-info">
            <div class="payment-plan-title"></div>
            <div class="payment-plan-txt js-plan-txt-normal hidden">
                <span class="duration">[$922]</span> <span class="recurring">([$6965])</span>
            </div>
            <div class="payment-plan-txt js-plan-txt-discount hidden"></div>
        </div>
        <div class="payment-plan-price">
            <span class="price"></span>
        </div>
    </div>
    <div class="free-trial pro-plan-details hidden">
        <div class="trial-title"></div>
        <div class="free-trial-text-icon">[$free_trial_caps]</div>
    </div>

    <div class="mobile separator-line paid-only"></div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile content-row first">
                    <div class="mobile content-cell">
                        <div class="payment-address-dialog-body">
                            <div class="main-title paid-only">[$6963]</div>
                            <div class="free-trial-info free-trial main-title hidden"></div>
                            <div class="payment-note-first free-trial monthly hidden">[$10630]</div>
                            <div class="payment-note-first js-multi-discount-recurring hidden">
                                <span class="js-discount-text"></span> [$10630]
                            </div>
                            <div class="payment-note-first recurring hidden">
                                <span class="duration">[$10628]</span> [$10630]
                            </div>
                            <div class="payment-note-first one-time hidden">
                                [$10631]
                            </div>
                        </div>
                        <div class="grey-container-box">
                            <div class="white-container-box">
                                <div class="container-box-title">[$10632]</div>

                                <div class="container-box-block">
                                    <input class="first-name underlinedText" type="text" value="" placeholder="[$1096]" tabindex="1">
                                    <input class="last-name underlinedText" type="text" value="" placeholder="[$1097]" tabindex="2">
                                    <input class="address1 underlinedText" type="text" value="" placeholder="[$561] 1" tabindex="3">
                                    <input class="address2 underlinedText" type="text" value="" placeholder="[$561] 2 ([$2028])" tabindex="4">
                                    <input class="city underlinedText" type="text" value="" placeholder="[$565]" tabindex="5">
                                    <input class="postcode underlinedText" type="text" value="" placeholder="[$10659]" tabindex="7">

                                    <select class="countries default-select sprite-fm-mono icon-arrow-down address-dialog-countries" tabindex="6">
                                        <option value="">[$481]</option>
                                    </select>
                                    <select class="states default-select sprite-fm-mono icon-arrow-down address-dialog-states" tabindex="8" disabled>
                                        <option value="">[$7192]</option>
                                    </select>

                                    <input class="taxcode underlinedText" type="text" value="" placeholder="[$7347]" tabindex="9">
                                    <div class="taxcode-invoice-note"><span></span></div>
                                </div>

                                <div class="mobile remember-billing-info-wrapper">
                                    <div class="checkbox checkboxOn square">
                                        <i></i>
                                        <input id="address-dialog-save-billing-info" class="remember-billing-info" type="checkbox" tabindex="9">
                                    </div>
                                    <div class="checkbox-label text radio-txt">
                                        [$20237]
                                    </div>
                                </div>
                                <div class="redirect-information-container">
                                    <div class="redirect-information">[$billing_redirection_notice]</div>
                                </div>
                                <button class="mega-button positive large payment-buy-now">
                                    <span>[$enter_card_details]</span>
                                </button>
                                <div class="error-message v-hidden">[$10633]</div>
                            </div>
                        </div>
                        <div class="mobile footer-block">
                            <a class="mobile text-button third close-payment-dialog"><span>[$82]</span> </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Wire transfer dialog -->
<div class="mobile fm-block main-block full-page-scrollable wire-transfer-dialog hidden">
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile content-row first">
                    <div class="mobile content-cell">
                        <div class="mobile fm-dialog-close"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile content-row first">
                    <div class="mobile content-cell">
                        <div class="payment-address-dialog-body">
                            <div class="main-title">[$6198]</div>
                            <div class="wiretransfer-note-first recurring">
                                <span>[$8667]</span> <br>
                            </div>
                        </div>
                        <div class="mobile separator-line"></div>
                        <div class="grey-container-box">
                            <table class="wire-transfer-details">
                                <tr>
                                    <!-- Bank name -->
                                    <td>
                                        <span class="wire-transfer-bold">[$939]</span>
                                        <span>Bank of New Zealand, Wellington, New Zealand</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Bank address -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6222]</span>
                                        <span>262 Queen Street, Auckland 1010, New Zealand</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Account name -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6197]</span>
                                        <span>Mega Limited</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Company address -->
                                    <td>
                                        <span class="wire-transfer-bold">[$20951]</span>
                                        <span>120 Albert St, Auckland 1010, New Zealand</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Account number -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6200]</span>
                                        <p>752971-0000 (USD)</p>
                                        <p>752971-0002 (EUR)</p>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- BIC / SWIFT code -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6203]</span>
                                        <span>BKNZNZ22</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Reference -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6205]</span>
                                        <span class="email-address">[$6206]</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Amount -->
                                    <td>
                                        <span class="wire-transfer-bold">[$23399]</span>
                                        <span class="amount"> &euro;</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="grey-container-box second">
                            <table class="wire-transfer-details">
                                <tr>
                                    <!-- Bank name -->
                                    <td>
                                        <span class="wire-transfer-bold">[$939]</span>
                                        <span>TransferWise Europe SA</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Bank address -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6222]</span>
                                        <span>Avenue Louise 54, Room S52, Brussels 1050, Belgium.</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Account name -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6197]</span>
                                        <span>Mega Limited</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Company address -->
                                    <td>
                                        <span class="wire-transfer-bold">[$20951]</span>
                                        <span>120 Albert St, Auckland 1010, New Zealand</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- International Bank Account Number -->
                                    <td>
                                        <span class="wire-transfer-bold"><b class="red">*</b>[$8668]</span>
                                        <span>BE53 9673 7979 2853</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- BIC / SWIFT code -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6203]</span>
                                        <span>TRWIBEB1</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Reference -->
                                    <td>
                                        <span class="wire-transfer-bold">[$6205]</span>
                                        <span class="email-address">[$6206]</span>
                                    </td>
                                </tr>
                                <tr>
                                    <!-- Amount -->
                                    <td>
                                        <span class="wire-transfer-bold">[$23399]</span>
                                        <span class="amount"> &euro;</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="wire-transfer-options">
                            <!-- Instructions for the user -->
                            <ul>
                                <li>[$8670]</li>
                                <li>[$6207]</li>
                                <li>
                                    <b class="red">*</b> [$8671]
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Pending processing -->
<div class="mobile main-block payment-processing hidden">
    <div class="payment-animation-pad">
        <img class="payment-animation" alt="" />
        <div class="payment-animation-txt">[$6960]</div>
    </div>
</div>


<!-- Direct Voucher Redemption screen -->
<div class="mobile fm-block full-page-scrollable voucher-redeem-dialog hidden">
    <div class="mobile content-row">
        <div class="mobile content-cell">
            <div class="mobile white-block">
                <div class="mobile fm-dialog-close"></div>

                <div class="mobile fm-icon voucher"></div>
                <div class="title-text">[$7706]</div>
                <div class="balance-text">[$7707]</div>

                <div class="reg-st3-membership-bl">
                    <div class="pricing-page plan">
                        <div class="left">
                            <div class="pricing-page plan-icon pricing-sprite x32"></div>
                            <div class="pricing-page plan-title"></div>
                        </div>
                        <div class="pricing-page plan-content">
                            <div class="pricing-page plan-price">
                                <span class="price"></span>
                            </div>
                            <div class="pricing-page plan-period">
                                /[$931]
                            </div>
                            <div class="pricing-page plan-data storage"><span></span> [$495]</div>
                            <div class="pricing-page plan-data transfer"><span></span> [$18057]</div>
                        </div>
                    </div>
                    <div class="complete-upgrade-text">
                        [$7708]
                    </div>
                </div>

                <div class="buttons">
                    <div class="choose-plan-button">[$7711]</div>
                    <div class="complete-upgrade-button" data-plan-id="">[$7710]</div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Balance/Voucher dialog on the Pro page step 2 -->
<div class="mobile voucher-dialog fm-dialog-mobile hidden">

    <div class="pro-plan-details">
        <div class="pricing-sprite plan-icon pro1 x32"></div>
        <div class="voucher-plan-info">
            <div class="voucher-plan-title"></div>
            <div class="voucher-plan-txt">
                <span class="duration"></span> <span>[$6941]</span>
            </div>
        </div>
        <div class="voucher-plan-price">
            <span class="price"></span>
        </div>
    </div>

    <div class="mobile separator-line"></div>

    <div class="mobile voucher-account-balance">
        <div class="mobile fm-icon currency-sign-filled"></div>
        <div class="mobile right-block">
            <div class="mobile voucher-sub-title">[$7201]</div>
            <span class="mobile balance-amount">0.00</span>
            <span class="mobile right-span">
                    <span class="mobile fm-icon small-gray-arrow"></span>
                    <span class="mobile new-balance-amount">0.00</span>
                </span>
        </div>
    </div>
    <div class="mobile upgrade-items-block">
        <div class="mobile separator-line"></div>
        <div class="mobile voucher-account-balance">
            <div class="mobile fm-icon storage-icon"></div>
            <div class="mobile right-block">
                <div class="mobile voucher-sub-title">Storage quota:</div>
                <span class="mobile storage-amount">0.00</span>
                <span class="mobile right-span">
                    <span class="mobile fm-icon small-gray-arrow"></span>
                    <span class="mobile new-storage-amount">0.00</span>
                    <span class="mobile current-achievements-amount hidden">+ 0.00</span>
                </span>
            </div>
        </div>
        <div class="mobile separator-line"></div>
        <div class="mobile voucher-account-balance">
            <div class="mobile fm-icon transfer-quota-icon"></div>
            <div class="mobile right-block">
                <div class="mobile voucher-sub-title">Transfer quota:</div>
                <span class="mobile transfer-amount">0.00</span>
                <span class="mobile right-span">
                    <span class="mobile fm-icon small-gray-arrow"></span>
                    <span class="mobile new-transfer-amount">0.00</span>
                </span>
            </div>
        </div>
        <div class="mobile separator-line"></div>
    </div>
    <div class="mobile voucher-block">
        <div class="voucher-information-help">
            [$7202]
            <div class="voucher-input-container">
                <div id="voucher-code-input" class="fm-account-input">
                    <input type="text" placeholder="[$1015]" value="" />
                </div>
                <div class="voucher-redeem-now">[$7160]</div>
            </div>
        </div>
        <div class="voucher-dialog-buttons">
            <div class="voucher-dialog-td voucher-redeem-container">
                <div class="voucher-redeem">[$7160]</div>
            </div>
            <div class="voucher-dialog-td purchase-now-container">
                <div class="voucher-buy-now">[$6190]</div>
            </div>
        </div>

        <div class="btn-close-dialog">[$82]</div>
    </div>
</div>


<!-- Payment success dialog, this dialog should also be used for confirm voucher redemptions to users, if they have already have the app -->
<div class="mobile payment-result main-block success hidden">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <div class="payment-close">
                <div class="payment-close-icon"></div>
                <span></span>
            </div>
            <div class="mobile white-block">
                <div class="mobile empty-icon big-green-tick"></div>
                <div class="payment-result-pad">
                    <div class="payment-result-header">[$6961]</div>
                    <div class="payment-result-txt">[$19512]</div>
                    <div class="mobile promo-voucher-block onboarding-suggestions hidden">
                        <div class="mobile promo-voucher-card red-block">
                            <div class="mobile promo-voucher-inner-wrapper">
                                <div class="mobile pro-crest-container">
                                    <div class="mobile pro-crest">
                                        <div class="mobile plan-icon">
                                            <i class="pro1 sprite-fm-uni icon-crests-pro-1-details"></i>
                                            <i class="pro2 sprite-fm-uni icon-crests-pro-2-details"></i>
                                            <i class="pro3 sprite-fm-uni icon-crests-pro-3-details"></i>
                                            <i class="pro4 sprite-fm-uni icon-crests-lite-details"></i>
                                            <i class="pro101 sprite-fm-uni icon-crests-pro-flexi-details"></i>
                                            <i class="business sprite-fm-uni icon-crests-business-details"></i>
                                            <i class="feature"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="mobile pro-detail-wrapper">
                                    <div class="mobile storage-block">
                                        <div class="mobile pro-detail-aligners storage-amount">
                                        </div>
                                    </div>
                                    <div class="mobile transfer-block">
                                        <div class="mobile pro-detail-aligners transfer-amount">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="payment-result-icon"></div>
                    <div class="mobile payment-result-button"> <i></i> <span>[$6690]</span> </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Get Support page -->
<div class="mobile main-block get-support hidden">
    <div class="mobile fm-row">
        <div class="mobile fm-content">
            <div class="mobile fm-scrolling">
                <div class="mobile get-support-block">
                    <div class="mobile normal-body-text">
                        [$1276]<br>
                        [$1277]
                    </div>
                    <form class="pad-md support-form">
                        <label class="mobile sub-heading gray">
                            [$8526]
                        </label>
                        <div class="mobile select-wrapper">
                            <select name="subject" class="mobile dropdown-style mrgn-b-md support-type-dropdown">
                                <option value="0">[$8527]</option>
                                <option value="1">[$8528]</option>
                                <option value="2">[$8529]</option>
                                <option value="3">[$8638]</option>
                                <option value="4">[$8639]</option>
                                <option value="5">[$8640]</option>
                                <option value="6">[$8641]</option>
                                <option value="7">[$8642]</option>
                            </select>
                        </div>
                        <label class="mobile sub-heading gray">
                            [$7368]
                        </label>
                        <textarea placeholder="[$8525]" class="mobile support-text-field  mrgn-b-md"></textarea>
                        <div class="mobile cta-button red support-form send-support-message-button active">
                            [$1694]
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- SMS phone number entry for suspended account or achievement process -->
<div class="mobile main-block verify-number number-input-page js-phone-input-page hidden theme-light-forced">
    <div class="mobile fm-block">
        <div class="mobile fm-row">
            <div class="mobile fm-content">
                <div class="mobile fm-scrolling">
                    <div class="mobile vn-block">
                        <div class="mobile vn-illustration-block">
                            <div class="mobile empty-icon vn-illustration"></div>
                        </div>
                        <div class="mobile centre-body-text js-body-text"></div>
                        <div class="mobile vn-input-wrapper">
                            <div class="mobile country-input login js-country-selector-open-button">
                                <span></span>
                                <input class="js-country-input" data-country-name="" data-country-iso-code="" data-country-call-code="" type="text" value="" placeholder="[$22856]" maxlength="10" readonly>
                                <span class="show-country-icon"></span>
                            </div>
                            <div class="mobile phone-number-input login">
                                <span></span>
                                <input class="js-phone-input" type="tel" value="" placeholder="[$20214]" maxlength="15">
                            </div>
                            <div class="mobile warning-text-field js-warning-message hidden">
                                [$incorrect_twofa_code]
                            </div>
                            <div class="mobile cta-button green js-send-sms-button">
                                <span class="label">[$1940]</span>
                                <span class="loading-image">
                                    <img alt="" src="{staticpath}images/mobile/button-loader.gif" />
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Dialog for selecting countries -->
<div class="mobile main-block country-selector js-country-selector hidden">
    <div class="mobile country-selector-dialog">
        <div class="mobile dialog-header">
            <div class="mobile dialog-heading-text">[$20215]</div>
        </div>
        <div class="mobile fm-block">
            <div class="mobile fm-row">
                <div class="mobile fm-content">
                    <div class="mobile fm-scrolling js-country-list">
                        <div class="mobile country-list-item js-country-list-item template" data-country-iso-code="">
                            <div class="mobile country-name js-country-name"></div>
                            <div class="mobile country-iso-code js-country-iso-code"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mobile dialog-footer">
            <div class="mobile cta-button white active js-cancel-country-selection">
                <span class="label">[$1597]</span>
            </div>
        </div>
    </div>
</div>


<!-- SMS Verify Code page  -->
<div class="mobile main-block verify-number verify-number-input-page js-verify-code-page hidden">
    <div class="mobile fm-header fm-hr">
        <div class="mobile fm-icon top-icon menu right"></div>
        <div class="mobile fm-icon back left"></div>
        <div class="mobile fm-header-txt"><span>[$20216]</span></div>
    </div>
    <div class="mobile fm-block">
        <div class="mobile fm-row">
            <div class="mobile fm-content">
                <div class="mobile fm-scrolling">
                    <div class="vn-block">
                        <div class="mobile empty-icon enter-number"></div>
                        <div class="mobile centre-body-text">
                            [$20217]<br/>
                            <div class="mobile user-number js-user-phone-number"></div>
                            [$20218] <span class="mobile resend-verification js-resend-button">[$8744]</span>
                        </div>
                        <div class="mobile vn-input-wrapper">
                            <div class="mobile signin-input verify-number-code">
                                <input class="js-verification-number-input" type="number" value="" placeholder="[$19193]" maxlength="6" />
                            </div>
                            <div class="mobile warning-text-field js-warning-message hidden">
                                [$incorrect_twofa_code]
                            </div>
                            <div class="mobile cta-button green verify-number-sms-code js-verify-button">
                                <span class="label">[$1960]</span>
                                <span class="loading-image">
                                    <img alt="" src="{staticpath}images/mobile/button-loader.gif" />
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Copyright Notice -->
<div class="mobile cn cn-form main-pad-block hidden">
    <div class="mobile cn header">
        <div class="mobile fm-header fm-hr">
            <div class="mobile fm-icon back left js-back-to-copyright"></div>
            <div class="mobile fm-icon top-icon menu right"></div>
            <div class="mobile fm-header-txt"><span>[$387]</span></div>
        </div>
    </div>
    <div class="mobile cn step1">
        <div class="main-mid-pad new-bottom-pages copyrights-page">
            <h1>[$624]</h1>
            <p>
                <span class="red">[$638]</span>
            </p>
            <h2 class="copyrights-h2-pad"><span>[$1279]</span> [$1281]</h2>
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$626]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block select content">
                <div class="affiliate-select-txt">[$1278]</div>
                <select>
                    <option value="0"></option>
                    <option value="1">[$628]</option>
                    <option value="2">[$629]</option>
                </select>
            </div>
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$630]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block select type">
                <div class="affiliate-select-txt">[$1278]</div>
                <select class="type">
                    <option value="0"></option>
                    <option value="1">[$694]</option>
                    <option value="2">[$695]</option>
                    <option value="3">[$696]</option>
                </select>
            </div>
            <div id="cn_urls">
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$641]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block dynamic-height">
                    <textarea class="contenturl" rows="3"></textarea>
                </div>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$648]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="copyrightwork" value="">
                </div>
            </div>
            <div class="reg-st5-complete-button active copyrights-form addurlbtn">[$1283]</div>
            <div class="register-st2-button active copyrights-form step2btn">
                <div class="register-st2-button-arrow"> [$1282] </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="copyrights-gray">
            <div class="main-mid-pad new-bottom-pages copyrights-bottom">
                <div class="new-registration-checkbox cn_check1">
                    <div class="checkdiv square checkboxOff">
                        <i></i>
                        <input type="checkbox" class="checkinput checkboxOff">
                    </div>
                    <label class="radio-txt">[$7685]</label>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="mobile cn step2 hidden">
        <div class="main-mid-pad new-bottom-pages copyrights-page">
            <h1>[$624]</h1>
            <p>
                <span class="red">[$638]</span>
            </p>
            <h2 class="copyrights-h2-pad"><span>[$1280]</span> [$1282]</h2>

            <!-- Name of copyright owner -->
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$1284]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="copyrightowner" value="">
            </div>
            <!-- Name of copyright owner's authorised agent submitting notice -->
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$1286]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="agent" value="">
            </div>
            <!-- Job title -->
            <div class="new-affiliate-label">
                [$19944]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="jobtitle" value="">
            </div>
            <!-- Company/Organization -->
            <div class="new-affiliate-label">
                [$650]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="company" value="">
            </div>
            <!-- Email -->
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$145]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="email" value="">
            </div>
            <!-- Phone -->
            <div class="new-affiliate-label">
                [$651]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="phone" value="">
            </div>
            <!-- Fax -->
            <div class="new-affiliate-label">
                [$645]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="fax" value="">
            </div>
            <!-- Address -->
            <div class="new-affiliate-label">
                [$652]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="address" value="">
            </div>
            <!-- City -->
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$646]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="city" value="">
            </div>
            <!-- State/Province  -->
            <div class="new-affiliate-label">
                [$653]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="state" value="">
            </div>
            <!-- Post code -->
            <div class="new-affiliate-label">
                [$647]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block">
                <input type="text" class="zip" value="">
            </div>
            <!-- Country -->
            <div class="new-affiliate-label">
                <div class="new-affiliate-star"></div>
                [$654]
            </div>
            <div class="clear"></div>
            <div class="affiliate-input-block select country">
                <div class="affiliate-select-txt">[$1278]</div>
                <select>
                </select>
            </div>

            <div class="clear"></div>
            <div class="register-st2-button active back copyrights-form backbtn">
                <div class="register-st2-button-arrow"> [$822] </div>
            </div>
            <div class="register-st2-button active copyrights-form signbtn">
                <div class="register-st2-button-arrow"> [$699] </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="copyrights-gray">
            <div class="main-mid-pad new-bottom-pages copyrights-bottom">
                <div class="new-registration-checkbox cn_check2">
                    <div class="checkdiv square checkboxOff">
                        <i></i>
                        <input type="checkbox" class="checkinput checkboxOff">
                    </div>
                    <label class="radio-txt">[$636]</label>
                    <div class="clear"></div>
                </div>
                <div class="new-registration-checkbox cn_check3">
                    <div class="checkdiv square checkboxOff">
                        <i></i>
                        <input type="checkbox" class="checkinput checkboxOff">
                    </div>
                    <label class="radio-txt">[$637]</label>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>


<!-- Dispute Notice -->
<div class="mobile dn dn-form main-pad-block hidden">
    <div class="mobile dn header">
        <div class="mobile fm-header fm-hr">
            <div class="mobile fm-icon back left js-back-to-dispute"></div>
            <div class="mobile fm-icon top-icon menu right"></div>
            <div class="mobile fm-header-txt"><span>[$8771]</span></div>
        </div>
    </div>
    <div class="mobile dn step1">
        <div class="main-mid-pad new-bottom-pages copyrights-page">
            <div class="copyrightdisputeform">
                <h1>
                    [$8789]
                </h1>
                <p>
                    <span class="red">[$8790]</span>
                </p>

                <div class="clear"></div>
                <h2 class="copyrights-h2-pad">
                    [$8791]
                </h2>
                <div id="dn_urls">
                    <div class="new-affiliate-label">
                        <div class="new-affiliate-star"></div>
                        [$8792]
                    </div>
                    <div class="clear"></div>
                    <div class="affiliate-input-block">
                        <input type="text" class="contenturl" value="">
                    </div>
                    <div class="new-affiliate-label">
                        <div class="new-affiliate-star"></div>
                        [$8793]
                    </div>
                    <div class="clear"></div>
                    <div class="affiliate-input-block">
                        <input type="text" class="copyrightwork" value="">
                    </div>

                    <div class="new-affiliate-label">
                        <div class="new-affiliate-star"></div>
                        [$8794]
                    </div>
                    <div class="clear"></div>
                    <div class="affiliate-input-block">
                        <input type="text" class="copyrightexplanation" value="">
                    </div>
                </div>
                <h2 class="copyrights-h2-pad">
                    [$8795]
                </h2>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$8796]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="copyrightowner" value="">
                </div>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$8797]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="phonenumber" value="">
                </div>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$8798]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="email" value="">
                </div>
                <div class="new-affiliate-label">
                    [$650]:
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="company" value="">
                </div>
                <div class="new-affiliate-label">
                    [$647]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="zip" value="">
                </div>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$8799]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="address" value="">
                </div>
                <div class="new-affiliate-label">
                    [$8800]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="address2" value="">
                </div>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$646]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="city" value="">
                </div>
                <div class="new-affiliate-label">
                    [$653]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="state" value="">
                </div>
                <div class="new-affiliate-label">
                    <div class="new-affiliate-star"></div>
                    [$654]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block select country">
                    <div class="affiliate-select-txt">
                        [$1278]
                    </div>
                    <select>
                    </select>
                </div>
                <div class="clear"></div>
                <div class="new-affiliate-label">
                    [$8801]
                </div>
                <div class="clear"></div>
                <div class="affiliate-input-block">
                    <input type="text" class="copyrightextra" value="">
                </div>
                <div class="clear"></div>
                <h2 class="copyrights-h2-pad">
                    [$8802]
                </h2>
                <div class="copyright-dispute-generic">
                    <div class="copyrights-dispute-bottom" style="">
                        <div class="new-registration-checkbox cn_check1 ">
                            <div class="checkdiv square checkboxOff dispute-checkbox">
                                <i></i>
                                <input type="checkbox" class="checkinput checkboxOff">
                            </div><label class="radio-txt">[$8803]</label>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="copyrights-dispute-bottom" id="copyrights-dispute-bottom2">
                        <div class="new-registration-checkbox cn_check2">
                            <div class="checkdiv square checkboxOff dispute-checkbox">
                                <i></i>
                                <input type="checkbox" class="checkinput checkboxOff">
                            </div><label class="radio-txt">[$8804]</label>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>


                <div class="register-st2-button active copyrights-form signbtn">
                    <div class="register-st2-button-arrow">
                        [$699]
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="copyrights-gray"></div>
    </div>
</div>


<!-- Phone number verification successful dialog !-->
<div class="mobile main-block overlay hidden verify-number-success js-verify-success-page">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <div class="mobile fm-dialog-close"></div>
            <div class="mobile white-block">
                <div class="mobile empty-icon big-green-tick"></div>
                <div class="mobile dialog-heading-text">[$20219]</div>
                <div class="mobile">
                    <div class="mobile dialog-body-text">[$20220]</div>
                </div>
                <div class="mobile cta-button green active js-ok-button">
                    <span class="label">[$1596]</span>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Add phone number achievement dialog !-->
<div class="mobile main-block overlay hidden add-number-achievement js-add-phone-achievement-page">
    <div class="mobile content-row first">
        <div class="mobile content-cell">
            <div class="mobile fm-dialog-close"></div>
            <div class="mobile white-block">
                <div class="mobile empty-icon add-number"></div>
                <div class="mobile dialog-heading-text">[$20211]</div>
                <div class="mobile">
                    <div class="mobile dialog-body-text js-achievement-text">[$20210]</div>
                </div>
                <div class="mobile cta-button green active js-add-phone-button">
                    <span class="label">[$20222]</span>
                </div>
                <a class="mobile text-button third cancel js-cancel-button"><span>[$148]</span> </a>
            </div>
        </div>
    </div>
</div>

<!-- Register/Login required overlay for mobile !-->
<div class="mobile loginrequired-dialog hidden">
    <div class="mobile main-block">
        <div class="mobile content-row first">
            <div class="mobile content-cell">
                <a class="mobile logo"></a>
                <div class="mobile fm-dialog-close"></div>
                <div class="mobile white-block">
                    <div class="mobile empty-icon custom-login-icon"></div>
                    <div class="mobile information"><div class="mobile dialog-heading-text">[$user_not_logged_in]</div><br/>

                        <div class="dialog-body-text">[$7679]</div>
                    </div>
                    <div class="mobile buttons inline-buttons">
                        <a class="mobile red-button first register"> <i></i> <span>[$1076]</span> </a>
                        <a class="mobile red-button second login"> <i></i> <span>[$193]</span> </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Video Block template -->
<div class="mobile-video-template hidden">
    <div class="download video-block hidden">
        <div class="download play-video-button">
            <i class="sprite-fm-mono icon-play"></i>
        </div>
        <video data-autoplayvideo="false" class="mobile-gallery" data-playvideoonclick="false"></video>
        <div class="viewer-vad-control lato hidden"></div>
        <div class="video-progress-bar vad" title="">
            <div class="video-time-bar"></div>
        </div>
        <div class="viewer-bottom-bl">
            <div class="video-controls" data-state="hidden">
                <div data-state="play" class="viewer-button left playpause">
                    <i class="medium-icon icons-img play"></i>
                </div>
                <div class="volume-control left hidden" style="">
                    <div data-state="mute" class="viewer-button mute">
                        <i class="medium-icon icons-img volume"></i>
                    </div>
                    <div class="video-vol-range">
                        <div class="volume-bar"><span style="height: 100%;"></span></div>
                    </div>
                </div>
                <div class="video-timing current left">00:00</div>
                <div data-state="go-fullscreen" class="viewer-button right fs">
                    <i class="medium-icon icons-img fullscreen"></i>
                </div>
                <div class="video-timing duration right">03:09</div>
                <div class="video-progress-block">
                    <div class="video-progress-bar">
                        <div class="video-time-bar"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- View file template !-->
<template id="view-file-template">
    <div class="mobile main-block slideshow-image-previewer media-viewer-container hidden">
        <div class="media-viewer fm-scrolling">
            <header>
                <nav class="viewer-bars">
                    <div class="media-viewer-menu"></div>
                    <div class="file-info">
                        <div class="file-name"></div>
                    </div>
                </nav>
            </header>

            <section class="content" data-fullscreen="false" id="videoContainer">

                <div class="img-wrap" data-count="">
                    <img alt="" class="img1" />
                    <img alt="" class="img2" />
                </div>

                <!-- Video player !-->
                <div class="video-block">
                    <video id="mobile-video" data-autoplayvideo="false" data-playvideoonclick="false"></video>

                    <!-- Video player loader !-->
                    <div class="loader-grad hidden">
                        <i class="sprite-fm-mono icon-loader-grad-small-regular-outline"></i>
                    </div>

                    <!-- Video player loader overlay !-->
                    <div class="loader-grad-overlay"></div>

                    <!-- Video player play button !-->
                    <div class="play-video-button hidden">
                        <i class="sprite-fm-mono icon-play"></i>
                    </div>

                    <!-- Video player play/pause indicator !-->
                    <div class="play-pause-video-button hidden">
                        <i class="sprite-fm-mono icon-play-small-regular-solid"></i>
                    </div>

                    <!-- Video player Ad controls !-->
                    <div class="viewer-vad-control lato hidden"></div>

                    <!-- Video player nav bar !-->
                    <nav class="viewer-bars video-controls hidden" data-state="hidden">
                        <ul class="bar">
                            <li>
                                <button class="v-btn playpause" aria-label="[[play pause]]" data-state="play">
                                    <!-- Active state: .icon-pause !-->
                                    <i class="sprite-fm-mono icon-play"></i>
                                </button>
                            </li>
                            <li class="vol-wrapper">
                                <button class="v-btn mute" data-state="mute" aria-label="[[volume]]">
                                    <!-- Active state: .icon-volume-muted !-->
                                    <i class="sprite-fm-mono icon-volume"></i>
                                </button>
                                <div class="video-vol-range">
                                    <div class="volume-bar"><span></span></div>
                                </div>
                            </li>
                            <li>
                                <div class="video-timing current">
                                    00:00
                                </div>
                            </li>
                        </ul>
                        <div class="video-progress-block">
                            <div class="video-progress-bar">
                                <div class="video-time-bar"></div>
                            </div>
                        </div>
                        <ul class="bar">
                            <li>
                                <div class="video-timing duration">
                                    00:00
                                </div>
                            </li>
                            <li>
                                <button class="v-btn fs" aria-label="[[fullscreen]]" data-state="go-fullscreen">
                                    <!-- Active state: .icon-fullscreen-leave !-->
                                    <i class="sprite-fm-mono icon-maximize-02-small-regular-outline"></i>
                                </button>
                            </li>
                        </ul>
                    </nav>

                    <!-- Video player progress bar !-->
                    <div class="video-progress-bar vad" title="">
                        <div class="video-time-bar"></div>
                    </div>
                </div>

                <button class="gallery-btn previous" aria-label="[[previous]]"></button>
                <button class="gallery-btn next" aria-label="[[next]]"></button>

                <div class="mobile viewer-pending">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>

                <div class="viewer-error hidden">
                    <div class="viewer-error-header">
                        [$135]
                    </div>
                    <div class="viewer-error-txt">
                    </div>
                    <div class="viewer-error-buttons">
                        <div class="viewer-button viewer-refresh">
                            <i class="medium-icon icons-img refresh"></i>
                            [$85]
                        </div>
                        <div class="viewer-button viewer-error-close">
                            <i class="medium-icon icons-img close"></i>
                            [$1898]
                        </div>
                    </div>
                </div>

                <div class="viewer-progress vo-hidden">
                    <ul>
                        <li class="right-c"><p><span></span></p></li>
                        <li class="left-c"><p><span></span></p></li>
                    </ul>
                </div>

                <div class="viewer-slideshow-controls hidden">
                    <div class="viewer-big-button prev">
                        <i class="semi-big-icon icons-img prev"></i>
                    </div>
                    <div class="viewer-big-button pause" data-state="pause">
                        <i class="semi-big-icon icons-img pause"></i>
                    </div>
                    <div class="viewer-big-button next">
                        <i class="semi-big-icon icons-img next"></i>
                    </div>
                    <div class="viewer-big-button left-pad close">
                        <i class="semi-big-icon icons-img cross"></i>
                    </div>
                    <div class="clear"></div>
                </div>
            </section>

            <section class="content-info">
                <div class="filetype-img">
                    <i class=""></i>
                </div>
                <div class="properties-content"></div>
            </section>

            <section class="text-editor-container hidden">
                <!-- Textview block -->
                <div class="textviewer-block js-text-viewer">
                    <div class="text-editor">
                        <section class="content">
                            <textarea class="txtar"></textarea>
                        </section>
                    </div>
                </div>
            </section>
            <footer>

                <nav class="viewer-bars image-controls">
                    <ul class="bar menu">
                        <li>
                            <button class="v-btn slideshow" aria-label="[$17802]">
                                <i class="sprite-fm-mono icon-play-square"></i>
                            </button>
                        </li>
                    </ul>
                </nav>

                <nav class="viewer-bars slideshow-controls hidden">
                    <div class="bar">
                        <button class="sl-btn previous" aria-label="[previous]]">
                            <i class="sprite-fm-mono icon-rwd"></i>
                        </button>
                        <button class="sl-btn playpause" aria-label="[[play pause]]" data-state="pause">
                            <i class="sprite-fm-mono icon-pause"></i>
                        </button>
                        <button class="sl-btn next" aria-label="[[next]]">
                            <i class="sprite-fm-mono icon-ff"></i>
                        </button>
                    </div>
                    <div class="bar">
                        <button class="sl-btn close" aria-label="[[close]]">
                            <i class="sprite-fm-mono icon-dialog-close"></i>
                        </button>
                    </div>
                </nav>

            </footer>
        </div>
    </div>
</template>
